<html>
    <head>
        <title>Sponsorship Form</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <script type="text/javascript" src="../assets/jquery-validation-1.8.0/jquery.js"></script>
        <script type="text/javascript" src="../assets/jquery-validation-1.8.0/jquery.validate.min.js"></script>
        <script type="text/javascript" src="../assets/jquery-validation-1.8.0/additional-methods.min.js"></script>
        <script type="text/javascript" src="../assets/jquery-validation-1.8.0/jquery.form.js"></script>
        <link rel="stylesheet" type="text/css" href="../assets/jquery-validation-1.8.0/cmxform.css"/>
        <script type="text/javascript">
            $(document).ready(function(){
                $("form").validate();
            });
        </script>
        <style type="text/css">
            span{
                color: red;
            }
            .header{
                height: 20px;
                background-color: #DADCFF;
                font-size: 13px;
                font-weight:bold;
                margin:10px;
            }
            .bigHeader{
                height: 25px;
                background-color: #bbbbbb;
                font-size: 15px;
                font-weight:bold;
            }
            .content{
                width: 750px;
                margin-left: 10px;
                margin-right: 10px;
            }
            .hint{
                color: #848078;
                font-size: 12px;
            }
            tr td{
                margin: 0px;
                }
*{
    margin: 10px;
    font-size: 12px;
}
        </style>
    </head>
    <body style="width: 980px;position: relative;padding: 160px;">
        <div class="bigHeader">Sponsorship Application</div>
        <div class="content">This is an invitation from TEDxCairo to join the TED intellectual community and benefit from our uniquely crafted sponsorship packages. At TEDxCairo, we work with our partners to ensure that they are participating in the aspect of TEDxCairo that is right for them, and in a way that reflects the character of both our organizations. The information you provide in this application will help us tailor our special privileges to meet your goals as well as the needs of our audience. We will support you with our creative ideas that will help maximize the interactivity with the audience and create tangible relationships through our networking-focused events and online spaces.</div>


        <div class="header">
            Contact Details
        </div>
        <form action="?action=save" method="post">
            <!-- Content Section-->
            <table>
                <tr>
                    <td>
                        Name: <span>*</span>
                    </td>
                    <td>
                        <input type="text" id="name" name="name" class="required"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Company | Organization: <span>*</span>
                    </td>
                    <td>
                        <input type="text" id="company" name="company" class="required"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Title: <span>*</span>
                    </td>
                    <td>
                        <input type="text" id="title" name="title" class="required"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Email Address: <span>*</span>
                    </td>
                    <td>
                        <input type="text" id="email" name="email" class="required email"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Mobile: <span>*</span>
                    </td>
                    <td>
                        <input type="text" id="mobile" name="mobile" class="required integer"/>
                    </td>
                </tr>
            </table>
            <!-- sponsor -->
            <div class="header">
                Why are you interested to sponsor TEDxCairo
            </div>
            <div class="hint">
                You may select more than one option
            </div>
            <table>
                <?php
                foreach ($interestedQuestions as $interestedQuestion) {
                if($interestedQuestion->name!="Other"){
                ?>
                    <tr>
                        <td>
                            <input type="checkbox" class="checkbox required" name="interestedQuestionId[]" value="<?= $interestedQuestion->id ?>"/> <?= $interestedQuestion->name ?>
                        </td>
                    </tr>
                <?php }
                
                }
                ?>
                    <tr>
                        <td>
                            <input type="checkbox" class="checkbox required" name="interestedQuestionId[]" value="xx"/> Others : <input type="text" name="other" id="other"/>
                        </td>
                    </tr>
            </table>

            <!-- Sponsorship Package Text-->
            <div class="header">
                Compose Your Sponsorship Package
            </div>
            <div class="content">
                The price of the package depends on the special privileges that you choose to purchase. The Basic package is common to all our sponsors to make sure they are visible in our main communications. The special privileges (SPs) are limited in number and unique to a number of sponsors. You can check as many as you like. To benefit from an SP exclusively, please leave a note in the comments field below.
            </div>


            <!-- Basic Package Text-->
            <div class="header">
                Basic Package:
            </div>
            <?php foreach ($basicPackages as $basicPackage) {
            ?>
                    <div class="content">
                        -<?= $basicPackage->name ?>
                    </div>
            <?php }
            ?>

                <!-- Special Privileges Text-->
                <div class="header">
                    Special Privileges
                </div>
                <div class="hint">
                    Please use the checkboxes to select from the following privileges what best suits your marketing objectives
                </div>

            <?php foreach ($privilegesTypes as $privilegesType) {
            ?>
                    <div class="content" style="font-weight: bold">
                <?= $privilegesType->name ?>
                </div>
                <table>
                <?php foreach ($privilegesType->privilages as $privilage) {
 ?>
                        <tr>
                            <td>
                                <input <?= ($privilage->basicQuantity - $privilage->usedQuantity)>0?"":"disabled" ?>  type="checkbox" name="privilage[]" id="privilage" value="<?= $privilage->id?>"/><?= $privilage->name?> (Quantity <?= ($privilage->basicQuantity - $privilage->usedQuantity)?>)
                            </td>
                        </tr>
                <?php }
                ?>

                </table>
            <?php }
            ?>
                <!-- Notes -->
                <div class="header">
                    Note
                </div>
                <div class="content">
                    -Logo size and extra event invitations are determined based on the amount of financial contribution
                </div>
                <div class="content">
                    -If you have a product or service that might be relevant to TEDxCairo event/logistics please mention. We can consider it for in-kind payment.(Food & beverage, sound & lighting, flights, accommodation, print, venue etc)
                </div>
                <div class="content">
                    -Deadline for registration is 1/5/2011 -Deadline for full payment is 15/5
                </div>
                <div class="content">
                     -Deadline for full payment is 15/5/2011.
                </div>
                <!-- comments -->
                <div class="header">
                    Comments
                </div>
                <div class="content">
                    <textarea cols="100" rows="5" id="comment" name="comment">

                    </textarea>
                </div>
                <input type="submit" value="save"/>
        </form>


    </body>
</html>